<%-- 
    Document   : contactDetail1
    Created on : Jun 8, 2012, 12:03:36 PM
    Author     : VANANH
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/kapi.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>

    </head>

    <body>
        <f:view>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <a4j:form >
                <div class="content_detail">
                    <div class="list_item_user">
                        <div class="item_content" style="display: block">
                            <div class="infomation_form"> 
                                <div class="card_add">
                                    <h:outputLink rendered="#{contactController.add}"  value="editContact.jsp?action=add&fn100A=#{contactController.fn100}&page=#{contactController.pagereload}&height=340px&width=568px" styleClass="fancybox">
                                        <img src="../images/add_tab.png" alt="add" title="add" /><h:outputText value="#{locale.contact_info}"/> 
                                    </h:outputLink>

                                </div>
                                <a4j:repeat value="#{contactController.listFind_N950}" var="item">
                                    <div class="card_customer">
                                        <div class="card_row1">
                                            <div  class="card_type"></div>
                                            <div  class="card_action">

                                                <h:outputLink rendered="#{contactController.delete}"  value="delete.jsp?id=#{item.ADRNO}&pn100C=#{item.ADRID}&flag=N950&page=#{contactController.pagereload}&height=150px&width=300px" styleClass="fancybox card_delete" >
                                                    <img src="../images/delete_1.png" alt="delete" title="delete" />                                               
                                                </h:outputLink>

                                                <h:outputLink rendered="#{contactController.edit}"  value="editContact.jsp?action=edit&fn100E=#{item.ADRID}&pn950E=#{item.ADRNO}&page=#{contactController.pagereload}&height=350px&width=550px" styleClass="fancybox card_edit" id="fancybox"  >
                                                    <img src="../images/edit.png" alt="edit" title="edit" />                                                    
                                                </h:outputLink>
                                            </div>
                                        </div>
                                        <div class="card_row2">
                                            <h:outputText value="#{item.nv102} #{item.nv103}"/>
                                        </div>
                                        <div class="card_row3">

                                            <div  class="contact_row"><label><h:outputText value="#{locale.address}"/>:</label>&nbsp;<h:outputText value="#{item.str1}"> </h:outputText></div>
                                                
                                                <div  class="contact_row"><label><h:outputText value="#{locale.ward}"/>:</label>&nbsp;<h:outputText value="#{item.WARD}"/></div>
                                            <div  class="contact_row"><label><h:outputText value="#{locale.district}"/>:</label>&nbsp;<h:outputText value="#{item.DIST}"/> , <h:outputText value="#{item.CITY}"/></div>
                                            <div  class="contact_row"><label><h:outputText value="#{locale.email}"/>:</label>&nbsp;<h:outputText value="#{item.EML1}"> </h:outputText></div>
                                                <div  class="contact_row"><label><h:outputText value="#{locale.tel}"/>:</label>&nbsp;<h:outputText value="#{item.TEL1}"/></div>
                                                <div class="contact_row_left">
                                                    <div  class="contact_row"><label> Fax: </label>&nbsp;<h:outputText value="#{item.MOB1}"/></div>
                                                    <div  class="contact_row" ><label> <h:outputText value="#{locale.mobile}"/>: </label>&nbsp;<h:outputText value="#{item.MOB2}"/></div>
                                                </div>
                                                <div class="contact_row_right">
                                                    <div  class="contact_row" style="margin-top:5px"><font><a href="skype:<h:outputText value="#{item.EML2}"/>?chat">
                                                                <img style="border: none;" src="../images/skype.png">
                                                            </a>&nbsp;&nbsp;<h:outputText value="#{item.EML2}" style="position: absolute;margin-left:4px;"/></font>
                                                    </div>
                                                    <div  class="contact_row"><font><a href="ymsgr:SendIM?<h:outputText value="#{item.EML3}"/>">
                                                                <img border="0" src="../images/yahoo.png">&nbsp;<h:outputText value="#{item.EML3}" style="margin-top:-2px;position: absolute;"/>
                                                            </a></font>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </a4j:repeat> 
                                    <h:inputHidden value="#{contactController.pagereload}" id="pagereload"/>
                                </div>
                            </div>
                        </div>
                    </div>

                </a4j:form>
            </f:view>
    </body>
</html>